.page-box {
    .header {
        padding: 0 32rpx;
        height: 543rpx;
        background: linear-gradient(180deg, #1226aa 50%, #ebeef5 100%);
    }
    .section {
        margin: -476rpx 32rpx 0 32rpx;
        .step-list {
            .box {
                padding: 20rpx 0 40rpx 24rpx;
                background: #ffffff;
                border-radius: 20rpx;
                margin-bottom: 16rpx;
                &:last-child {
                    margin-bottom: 0;
                }
                .title {
                    position: relative;
                    font-weight: 600;
                    font-size: 28rpx;
                    color: #2e3233;
                    line-height: 40rpx;
                    z-index: 1;
                    margin-bottom: 40rpx;
                    &::after {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 60rpx;
                        height: 16rpx;
                        background: linear-gradient(90deg, #7887ea 0%, #ffffff 100%);
                        border-radius: 8rpx;
                        content: '';
                    }
                }
                .pic {
                    width: 184rpx;
                    height: 168rpx;
                    image {
                        width: 184rpx;
                        height: 168rpx;
                    }
                }
                .confirm-btn {
                    margin-top: 24rpx;
                    width: 468rpx;
                    height: 80rpx;
                    background: #ffffff;
                    border-radius: 40rpx;
                    border: 1rpx solid #d7dae0;
                    font-weight: 400;
                    font-size: 28rpx;
                    color: #6e767a;
                }
                .confirm-btn2 {
                    margin-top: 20rpx;
                    width: 468rpx;
                    height: 80rpx;
                    background: #1226aa;
                    border-radius: 40rpx;
                    font-size: 28rpx;
                    color: #ffffff;
                }
                .text {
                    width: 100%;
                    text-align: left;
                    margin-top: 40rpx;
                    .t1 {
                        font-weight: 600;
                        font-size: 26rpx;
                        color: #2e3233;
                        line-height: 37rpx;
                        margin-bottom: 12rpx;
                    }
                    .t2 {
                        font-weight: 400;
                        font-size: 22rpx;
                        color: #6e767a;
                        line-height: 30rpx;
                    }
                }
            }
        }
        .form-box {
            background: #ffffff;
            border-radius: 20rpx;
            padding: 19rpx 24rpx 32rpx 24rpx;
            .form-title {
                position: relative;
                font-weight: 600;
                font-size: 28rpx;
                color: #2e3233;
                line-height: 40rpx;
                z-index: 1;
                margin-bottom: 28rpx;
                &::after {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 60rpx;
                    height: 16rpx;
                    background: linear-gradient(90deg, #7887ea 0%, #ffffff 100%);
                    border-radius: 8rpx;
                    content: '';
                    z-index: -1;
                }
            }
            .form-item {
                margin-bottom: 24rpx;
                .title {
                    font-weight: 600;
                    font-size: 24rpx;
                    color: #2e3233;
                    line-height: 33rpx;
                    margin-bottom: 12rpx;
                    &.required::before {
                        color: #1226aa !important;
                        content: '*';
                        font-size: 24rpx;
                        color: #2e3233;
                        line-height: 33rpx;
                    }
                }
                .tip {
                    .iconfont {
                        font-size: 24rpx;
                        color: #f5a518;
                        margin-right: 8rpx;
                    }
                    .t1 {
                        font-weight: 400;
                        font-size: 24rpx;
                        color: #f5a518;
                        line-height: 33rpx;
                    }
                }
                .input-box {
                    position: relative;
                    padding-left: 24rpx;
                    height: 80rpx;
                    background: #ffffff;
                    border-radius: 16rpx;
                    border: 1px solid #d7dae0;
                    box-sizing: border-box;
                    .text-bar {
                        position: absolute;
                        right: 24rpx;
                        top: 24rpx;
                        font-weight: 400;
                        font-size: 24rpx;
                        color: #2e3233;
                    }
                    .uni-input {
                        width: 100%;
                        height: 100%;
                        display: block;
                        font-size: 24rpx;
                    }
                }
                .dropdown {
                    width: 100%;
                    box-sizing: border-box;
                    padding: 0 24rpx;
                    height: 80rpx;
                    background: #ffffff;
                    border-radius: 16rpx;
                    border: 1px solid #d7dae0;
                    .dropdown-wrap {
                        width: 100%;
                        box-sizing: border-box;
                        font-size: 24rpx !important;
                        color: #2e3233;
                    }
                    .dropdown-ico {
                        width: 14rpx;
                        height: 11rpx;
                        display: block;
                        background: url('http://www.szxlyc.com/uploads/product/20240915/NeWeC12xbFsNpoByIKrhRVoNi88XfYEq0M1a0vd1.png') no-repeat center;
                        background-size: contain;
                    }
                }
                .input-code {
                    position: relative;
                    height: 80rpx;
                    background: #ffffff;
                    border-radius: 16rpx;
                    box-sizing: border-box;
                    .pic {
                        width: 220rpx;
                        height: 80rpx;
                        image {
                            width: 220rpx;
                            height: 80rpx;
                        }
                    }
                    .get-code {
                        width: 220rpx;
                        height: 80rpx;
                        background: #1226aa;
                        border-radius: 16rpx;
                        font-size: 24rpx;
                        color: #ffffff;
                        &.isDisabled {
                            opacity: 0.7;
                        }
                    }
                    .uni-input {
                        width: 398rpx;
                        height: 100%;
                        padding-left: 24rpx;
                        border: 1px solid #d7dae0;
                        display: block;
                        font-size: 24rpx;
                        box-sizing: border-box;
                    }
                }
                .upload-list {
                    position: relative;
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 24rpx 16rpx;
                    .box {
                        .area {
                            position: relative;
                            width: 200rpx;
                            height: 168rpx;
                            background: url('http://www.szxlyc.com/uploads/product/20240921/otnXUTG3oVz9asfaXMmfXuaoid5cYSAnXGegR2zN.png') no-repeat center;
                            background-size: contain;
                            border-radius: 16rpx;
                            .delete {
                                position: absolute;
                                right: 2rpx;
                                top: -10rpx;
                                width: 30rpx;
                                height: 30rpx;
                                border-radius: 50%;
                                background-color: #bb3434;
                                z-index: 999;
                                .iconfont {
                                    font-size: 20rpx;
                                    color: #ffffff;
                                }
                            }
                            image {
                                width: 200rpx;
                                height: 168rpx;
                                border-radius: 16rpx;
                            }
                            video {
                                width: 200rpx;
                                height: 168rpx;
                            }
                            .pdf {
                                width: 128rpx;
                                height: 128rpx;
                            }
                        }
                        .text {
                            margin-top: 16rpx;
                            font-weight: 400;
                            font-size: 22rpx;
                            color: #6e767a;
                            line-height: 30rpx;
                        }
                    }
                }
            }
        }
        .btn {
            margin: 32rpx auto 0;
            height: 100rpx;
            background: #1226aa;
            border-radius: 50rpx;
            font-weight: 400;
            font-size: 28rpx;
            color: #ffffff;
        }
    }
}
